@charset "UTF-8";


.g-row,
.m-subCateList .hd .text {
    position: relative
}

body {
    background-color: #fff
}


// 顶部栏
.m-topSearchIpt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: .74667rem;
    font-size: .37333rem;
    background-color: #ededed;
    border-radius: .10667rem
}

.m-topSearchIpt .icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: .37333rem;
    height: .37333rem;
    margin-right: .13333rem
}

.m-topSearchIpt .placeholder {
    color: #666
}

.m-subCateList {
    margin-left: 2.16rem;
    padding: .4rem .4rem .28rem
}

.m-subCateList .banner {
    position: relative;
    width: 100%;
    height: 2.56rem;
    display: table;
    background: center no-repeat #f4f4f4;
    background-size: cover;
    border-radius: 4px
}

[data-dpr="1"] .m-subCateList .banner {
    border-radius: 2px
}

.m-subCateList .banner .cnt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: .37333rem;
    color: #fff
}

.m-subCateList .hd {
    height: 1.44rem;
    line-height: 1.44rem;
    text-align: center;
    font-size: .32rem;
    color: #333
}

.m-subCateList .hd .text:after,.m-subCateList .hd .text:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: .53333rem;
    background-color: #d9d9d9;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0
}

[data-dpr="1"] .m-subCateList .hd .text:after,[data-dpr="1"] .m-subCateList .hd .text:before {
    -moz-transform: scale3d(1,.5,1);
    -webkit-transform: scale3d(1,.5,1);
    transform: scale3d(1,.5,1)
}

.m-subCateList .hd .text:before {
    left: -.74667rem
}

.m-subCateList .hd .text:after {
    right: -.74667rem
}

.m-subCateList .cateItem {
    display: inline-block;
    margin-right: .45333rem;
    font-size: 0;
    width: 1.92rem;
    vertical-align: top
}

.m-subCateList .cateItem:nth-child(3n) {
    margin-right: -.13333rem
}

.m-subCateList .cateItem .cateImgWrapper {
    width: 1.92rem;
    height: 1.92rem;
    background: url(../images/footer.png) center no-repeat
}

.m-subCateList .cateItem .cateImg {
    display: block;
    width: 100%;
    background: #fff
}

.m-subCateList .cateItem .name {
    height: .96rem;
    font-size: .32rem;
    color: #333;
    text-align: center;
    line-height: .45333rem
}

.hasTabBar {
    padding-bottom: 1.30667rem
}




// 侧边栏
.m-cateNavVertWrap {
    position: fixed;
    top: 1.17333rem;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: 2.16rem;
    background-color: #fff;
}
.m-cateNavVertWrap:after {
    content: '';
    position: absolute;
    background-color: rgba(0,0,0,.15);
    top: 0;
    bottom: 0;
    width: 1px;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
    right: 0;
}
.hasTabBar .m-cateNavVert {
    padding-bottom: 1.84rem;
}

.m-cateNavVert {
    padding: .53333rem 0;
}

.m-cateNavVert .item {
    width: 100%;
    height: .66667rem;
    text-align: center;
    border: none;
}
.m-cateNavVert .item .txt {
    display: block;
    color: #333;
    font-size: .37333rem;
    line-height: .66667rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

// 底部栏
.m-tabBar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    position: fixed;
    z-index: 5;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.30667rem;
    background-color: #fafafa;
    border-top: 1px solid #d9d9d9
}

.m-tabBar>.item {
    position: relative;
    text-align: center
}

.m-tabBar>.item .txt {
    display: block;
    margin-top: .09333rem;
    font-size: .32rem;
    color: #666;
    line-height: 1
}

.m-tabBar>.item .badge {
    position: absolute;
    top: -.01333rem;
    right: -.08rem
}

.m-tabBar>.item.active .txt {
    color: #b4282d
}

.m-badge {
    display: inline-block;
    width: .37333rem;
    height: .37333rem;
    border-radius: .18667rem;
    background-color: #b4282d;
    text-align: center;
    line-height: .37333rem;
    font-size: .24rem;
    color: #fff
}

.m-badge-1 {
    width: .48rem
}

.m-badge-2 {
    width: .64rem
}

.m-itemCateListHd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 1.17333rem;
    padding: 0 .4rem;
    background-color: #fff;
    position: relative
}

.m-itemCateListHd:after {
    content: '';
    position: absolute;
    background-color: #d9d9d9;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    bottom: 0
}

[data-dpr="1"] .m-itemCateListHd:after {
    -webkit-transform: scale3d(1,.5,1);
    -moz-transform: scale3d(1,.5,1);
    -ms-transform: scale3d(1,.5,1);
    -o-transform: scale3d(1,.5,1);
    transform: scale3d(1,.5,1)
}

.m-itemCateListHd>.ipt {
    width: 100%
}

.m-tabBar .active .u-icon-tabBar-cart, .m-tabBar .active .u-icon-tabBar-cate, .m-tabBar .active .u-icon-tabBar-topic, .m-tabBar .active .u-icon-tabBar-ucenter, .m-tabBar .u-icon-tabBar-cart, .m-tabBar .u-icon-tabBar-cart-active, .m-tabBar .u-icon-tabBar-cate, .m-tabBar .u-icon-tabBar-cate-active, .m-tabBar .u-icon-tabBar-index, .m-tabBar .u-icon-tabBar-topic, .m-tabBar .u-icon-tabBar-topic-active, .m-tabBar .u-icon-tabBar-ucenter, .m-tabBar .u-icon-tabBar-ucenter-active {
    display: inline-block;
    vertical-align: middle;
    background-image: url(//yanxuan-static.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/tabBar-s73fb615cb3-195f39fd2b.png);
    background-repeat: no-repeat;
    background-size: .53333rem 6.53333rem;
    width: .53333rem;
    height: .53333rem;
}

.m-tabBar .active .u-icon-tabBar-index, .m-tabBar .u-icon-tabBar-index-active {
    display: inline-block;
    vertical-align: middle;
    background-image: url(//yanxuan-static.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/tabBar-s73fb615cb3-195f39fd2b.png);
    background-repeat: no-repeat;
    background-size: .53333rem 6.53333rem;
    width: .53333rem;
    height: .53333rem;
    background-position: 0 -2.66667rem;
}

.m-tabBar .u-icon-tabBar-index {
    background-position: 0 -3.33333rem;
}

.m-tabBar .u-icon-tabBar-topic {
    background-position: 0 -4.66667rem;
}
.m-tabBar .u-icon-tabBar-cate {
    background-position: 0 -2rem;
}
.m-tabBar .u-icon-tabBar-cart {
    background-position: 0 -.66667rem;
}
.m-tabBar .u-icon-tabBar-ucenter {
    background-position: 0 -6rem;
}


.m-tabBar .active .u-icon-tabBar-topic, .m-tabBar .u-icon-tabBar-topic-active {
    background-position: 0 -4rem;
}
.m-tabBar .active .u-icon-tabBar-cate, .m-tabBar .u-icon-tabBar-cate-active {
    background-position: 0 -1.33333rem;
}
.m-tabBar .active .u-icon-tabBar-cart, .m-tabBar .u-icon-tabBar-cart-active, .newUserGift-30days {
    background-position: 0 0;
}


